<template>
    <div class="demo-image__placeholder">
      <el-card class="block">
        <div class="info">
          <div><i class="el-icon-s-promotion"></i> 岳麓知识整理系统愿景是做一个专业的信息查询与交流的软件，致力于提供最全的知识和阅读体验，全民打造一个良好的知识交流环境。
          </div>
        </div>
      </el-card>
      <el-card class="block">
        <div class="info">
          <div><i class="el-icon-s-opportunity"></i> 平台禁止发布违规和违法内容，包括但不限于黄赌毒、科学上网、代挂、代看、代刷、QQ机器人、返利机器人、各类盗版内容及兼职推广等内容，看云会配合公安机关做好监督和管控工作，这些内容重则违法，轻则容易导致因投诉举报而被微信/QQ等平台屏蔽访问，影响平台的正常运营。一经发现，平台将封禁文档，严重者禁用账号并不退款。
          </div>
        </div>
      </el-card>
      <el-card class="block">
        <img class="image" src="@/assets/zxy.jpg" />
  
        <div class="info">
          <div>姓名：邱文静</div>
          <div style="margin-top: 10px">Q Q：1697501742</div>
        </div>
  
        <div class="title">@懒洋洋大王</div>
      </el-card>
      <el-card class="block">
        <img class="image" src="@/assets/yxz.jpg" />
  
        <div class="info">
          <div>姓名：汤家贝</div>
          <div style="margin-top: 10px">Q Q：3206547981</div>
        </div>
  
        <div class="title">@懒洋洋大王</div>
      </el-card>
      <el-card class="block">
        <img class="image" src="@/assets/hb.jpg" />
  
        <div class="info">
          <div>姓名：方缘</div>
          <div style="margin-top: 10px">Q Q：2864605107</div>
        </div>
  
        <div class="title">@懒洋洋大王</div>
      </el-card>
      <el-card class="block">
        <img class="image" src="@/assets/zj.jpg" />
  
        <div class="info">
          <div>姓名：易梦瑶</div>
          <div style="margin-top: 10px">Q Q：2814093998</div>
        </div>
  
        <div class="title">@懒洋洋大王</div>
      </el-card>
      <el-card class="block">
        <img class="image" src="@/assets/cxp.jpg" />
  
        <div class="info">
          <div>姓名：张梁</div>
          <div style="margin-top: 10px">Q Q：2826472238</div>
        </div>
  
        <div class="title">@懒洋洋大王</div>
      </el-card>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        // src: '@',
      };
    },
  };
  </script>
  
  <style scoped>
  .demo-image__placeholder {
    padding: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .info {
    /* float: left; */
    margin-top: 15px;
  }
  
  .el-card {
    margin: 10px 0;
    padding: 0;
    width: 100%;
  }
  .title {
    float: right;
    margin-bottom: 5px;
  }
  .image {
    float: left;
    height: 100px;
    width: 100px;
    margin-right: 60px;
  }
  </style>
  